<template>
  <div class="infoList w100p h100p flc oyhid">
    <van-tabs v-model="active" class="h100p">
      <van-tab title="产品"><BrandList /></van-tab>
      <van-tab title="供应商"><ProductSupplier /></van-tab>
      <van-tab title="客户"><CustomerList /></van-tab>
      <van-tab title="规格"><SpecificateList /></van-tab>
      <van-tab title="单位"><UnitList /></van-tab>
      <van-tab title="公司"><CompanyList /></van-tab>
    </van-tabs>
  </div>
</template>
<script>
import BrandList from '@/components/brandList'
import ProductSupplier from '@/components/productSupplier'
import CustomerList from '@/components/customerList'
import SpecificateList from '@/components/specificateList'
import CompanyList from '@/components/companyList'
import UnitList from '@/components/unitList'
export default {
  components: { CompanyList, BrandList, CustomerList, UnitList, ProductSupplier, SpecificateList },
  data() {
    return {
      active: '产品'
    }
  },
  methods: {}
}
</script>
<style lang="less" scoped>
.infoList {
  /deep/ .van-tabs__content {
    height: calc(100% - 44px) !important;
  }
  /deep/ .van-tab__pane {
    height: 100% !important;
  }
}
</style>
